<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Document</title>
  <meta name="Keywords" content="华容县职业中专">
  <meta name="description" content="华容县职业中专的简介">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/zui.min.css">
  <script src="js/jquery-1.12.4.min.js"></script>
  <script src="js/zui.min.js"></script>
  <link rel="stylesheet" href="css/swiper.4.4.2.min.css">
  <script src="js/swiper.4.4.2.min.js"></script>
  <link rel="stylesheet" href="css/index.css">
  <script src="js/index.js"></script>
</head>
<body>
<!--[if lt IE 10]>
  <script>
    $("body").html('<div class="alert alert-danger" style="text-align:center;">您正在使用 <strong>过时的</strong> 浏览器. 为了增强用户体验,请升级你的浏览器!</div>')
  </script>
<![endif]-->
  <!-- 顶部 -->
  <div class="header">
    <div class="wraper2">
      <div class="head-cont">
        <h1>
          <a href="index.html">
            <img src="imgs/log.png" alt="华容县职业中专" height="92">
          </a>
        </h1>
        <div class="head-sear">
          <a href="index.html" class="h-btns"><i class="icon icon-map-marker"></i> 回到首页</a>
          <a href="javascript:;" class="h-btns" id="login_btn"><i class="icon icon-user"></i> 登录</a>
          <div class="search-box">
            <input tyle="text" placeholder="请输入关键词" id="top_search_input">
            <a href="javascript:;" class="search-btn" id="top_search_btn"><i class="icon icon-search" style="font-size:18px"></i></a>
          </div>
        </div>
      </div>
    </div>
  </div>  
  <!-- 对话框 -->
<div class="wraper2">
  <div class="modal fade" id="myLgModal">
    <div class="modal-dialog modal-sm">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
          <h4 class="modal-title">用户登录</h4>
        </div>
        <div class="modal-body">
          <div class="input-control has-icon-left">
            <input id="inputAccountExample1" type="text" class="form-control" placeholder="用户名">
            <label for="inputAccountExample1" class="input-control-icon-left"><i class="icon icon-user "></i></label>
          </div>
          <div class="input-control has-icon-left" style="margin-top: 20px;">
            <input id="inputPasswordExample1" type="password" class="form-control" placeholder="密码">
            <label for="inputPasswordExample1" class="input-control-icon-left"><i class="icon icon-key"></i></label>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <button type="button" class="btn btn-primary">保存</button>
        </div>
      </div>
    </div>
  </div>
  <!-- 头部导航 -->
  <div class="top-nav">
    <ul id="top_nav_lists">
      <!-- <li><a href="index.html" class="active"><span>首 页</span></a></li>
      <li>
        <a href="info_page.html#p=xxkk" data-page="xxkk"><span>学校概况</span></a>
        <ul class="child-list">
          <li><a href="###">选项1</a></li>
          <li><a href="###">选项2</a></li>
          <li><a href="###">选项3</a></li>
        </ul>
      </li> -->
    </ul> 
  </div>

  <!-- ---------------- -->
  <!-- ------------------->
    <!-- 移动端导航 -->
    <button class="phone-tapNav-icon visible-xs" href="javascript:;"><i class="icon icon-bars"></i></button>
  <!-- ------------------->
  <!-- ------------------->
</div>
  <!-- 宣传图 -->
  <style>
    #ban-box{ height: 350px; }
  </style>
  <div class="banner" id="ban-box">
    <img src="imgs/profile_ban.jpg" alt="" class="dp-center">
  </div>  
  <!-- 内容 -->
  <div class="search-result">
    <div class="search-head">
      <div class="search-box">
        <input tyle="text" placeholder="搜索内容">
        <a href="#" class="search-btn"><i class="icon icon-search" style="font-size:18px"></i></a>
      </div>  
      <span class="tip-info">【共有0项查询结果】</span>
    </div>
    <div class="search-tip">
      关键字：<span style="color:#c7000a;">搜索内容</span>
    </div>
    <div class="search-result-content">
      <ul class="s-list">
        <li>
          <a href="tem2_school_profile_details.html" class="btn-list">
            <div class="icon-box">
              <i class="icon icon-play"></i>
            </div>
            <span class="date-span">2019.02.15</span>
            <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
          </a>
        </li>
        <li>
          <a href="tem2_school_profile_details.html" class="btn-list">
            <div class="icon-box">
              <i class="icon icon-play"></i>
            </div>
            <span class="date-span">2019.02.15</span>
            <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
          </a>
        </li>
        <li>
          <a href="tem2_school_profile_details.html" class="btn-list">
            <div class="icon-box">
              <i class="icon icon-play"></i>
            </div>
            <span class="date-span">2019.02.15</span>
            <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
          </a>
        </li>
        <li>
          <a href="tem2_school_profile_details.html" class="btn-list">
            <div class="icon-box">
              <i class="icon icon-play"></i>
            </div>
            <span class="date-span">2019.02.15</span>
            <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
          </a>
        </li>
        <li>
          <a href="tem2_school_profile_details.html" class="btn-list">
            <div class="icon-box">
              <i class="icon icon-play"></i>
            </div>
            <span class="date-span">2019.02.15</span>
            <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
          </a>
        </li>
        <li>
          <a href="tem2_school_profile_details.html" class="btn-list">
            <div class="icon-box">
              <i class="icon icon-play"></i>
            </div>
            <span class="date-span">2019.02.15</span>
            <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
          </a>
        </li>
        <li>
          <a href="tem2_school_profile_details.html" class="btn-list">
            <div class="icon-box">
              <i class="icon icon-play"></i>
            </div>
            <span class="date-span">2019.02.15</span>
            <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
          </a>
        </li>
        <li>
          <a href="tem2_school_profile_details.html" class="btn-list">
            <div class="icon-box">
              <i class="icon icon-play"></i>
            </div>
            <span class="date-span">2019.02.15</span>
            <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
          </a>
        </li>
        <li>
          <a href="tem2_school_profile_details.html" class="btn-list">
            <div class="icon-box">
              <i class="icon icon-play"></i>
            </div>
            <span class="date-span">2019.02.15</span>
            <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
          </a>
        </li>

      </ul>
      <ul id="myPager" class="pager" style="margin-bottom: 0;float: right;"></ul>
      <script>
        // 分页器
        $('#myPager').pager({
          page: 1,             //初始化显示第一页
          recTotal: 90,        //总条目
          recPerPage:15,       //每页显示的条目数
          elementCreator: function(element, $pager, state) {
            if (element === 'first_icon') {
                return $('<a class="pager-item" data-page="1" href="#page=1">首页</a>');
            }              
            if (element === 'last_icon') {
                return $('<a class="pager-item" data-page="'+state.totalPage+'" href="#page='+state.totalPage+'">尾页</a>');
            }

            if (element === 'prev_icon') {
                return $('<a class="pager-item" data-page="'+state.prev+'" href="#page='+state.prev+'">上一页</a>');
            }
            if (element === 'next_icon') {
                return $('<a class="pager-item" data-page="'+state.next+'" href="#page='+state.next+'">下一页</a>');
            }
            return false;
          },
          onPageChange:function(data){
            // console.log(data)
          },
        });
      </script>      
    </div>
    <div class="search-result-tip">
      对不起! 没有发现你要找的内容： <span>搜索内容</span>
    </div>
    <script>
      var length = $(".search-result .s-list li").length;
      if(length == 0){
         $(".search-result-tip").show();
         $(".search-result-content").hied();
      }
    </script>
  </div>
 
  <!-- 底部 -->
  <div class="footer">
    <div class="wraper2">
      <div class="f-wrap">
        <div class="f-list" style="border-right: 1px solid #999;border-right: 1px solid rgba(255,255,255,0.5);">
          <img src="imgs/bot_log.png" alt="" >
        </div>
        <div class="f-list" style="border:0;">
          <ul class="foLi">
            <li>学校概况</li>
            <li>校园动态</li>
            <li>教育园地</li>
            <li>招生就业</li>
            <li>教生风采</li>
            <li>通知公告</li>
            <li>党建工作</li>
          </ul>
          <a href="javascript:;" class="ewm" style="margin:0 20px 0 0;">
            <img src="imgs/ewm.jpg" alt="">微信公众号
          </a>
          <a href="javascript:;" class="ewm">
            <img src="imgs/ewm.jpg" alt="">微信公众号
          </a>
        </div>
      </div>
      <p class="adress">
        版权所有©华容县职业中专  |  地址：湖南省华容县城东北  |  邮编：13548901158@.139.COM
      </p>
    </div>
  </div>
<script>
$("#top_nav_lists").html( top_nav_listHTML(obj,true) );
</script>
</body>
</html>